@charset "utf-8";
@import "common/common";
//input框
.g-inputBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    padding: 0 .40rem;
    @include borderRadius(#e4e4e4,40px);
    @include flex(1);
    @include displayFlex;
    .inputBox{
      @include flex(1);
      border: none;
      color: #3a3a3a;
      font-size: 13px;
      ::-webkit-input-placeholder {
        color: #aaa;
        font-size: 13px;
      }
    }
  }
}
//select框
.g-selectBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    @include flex(1);
    position: relative;
    .selectedTxt{
      position: absolute;
      top:0;
      left:0;
      z-index: 10;
      height:100%;
      padding: 0 .40rem;
      background: url("../images/left.png") no-repeat right 20px center;
      background-size:.15rem;
      @include borderRadius(#e4e4e4,40px);
      font-size: 13px;
      color: #aaa;
    }
    .selectBox{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index: 15;
      border: none;
      color: #aaa;
      font-size: 13px;
      opacity:0;
    }
  }
  &.active{
    .inner{
      .selectedTxt{
        color: #3a3a3a;
      }
    }
  }
}
body,html{
  height:100%;
}
.memberContainer{
  height:100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background: #f4f4f4;
  position: relative;
  .memberImgBox{
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:100%;
    height:4.40rem;
    background:linear-gradient(0deg,rgba(11,82,228,1),rgba(0,144,255,1))
  }
  .memberContent{
    position: relative;
    z-index: 5;
    margin-top: 3.88rem;
    padding: 0 .25rem;
    .tittle{
      width:7rem;
      height:1.56rem;
      background: #fff;
      border-radius: 4px;
      text-align: center;
      overflow: hidden;
      font-size: 0;
      .p1{
        margin-top: .35rem;
        line-height:.30rem;
        font-size:15px;
        font-family:SourceHanSansCN-Medium;
        font-weight:bold;
        color:rgba(58,58,58,1);
      }
      .p2{
        margin-top: .35rem;
        height:.24rem;
        font-size:12px;
        transform: scale(0.92);
        font-family:SourceHanSansCN-Regular;
        font-weight:400;
        color:#3a3a3a;
      }
    }
    .namePhoneBox{
      margin-top:.20rem;
      height:.88rem;
      line-height:.88rem;
      background: #fff;
      border-radius: 4px;
      @include displayFlex;
      .nameBox{
        @include flex(1);
        text-align: center;
        .inner{
          display: inline-block;
          .icon{
            width:.27rem;
            height:.27rem;
            margin-top: .30rem;
            margin-right: .15rem;
            background: url("../images/nm_user.png") no-repeat;
            background-size: 100% 100%;
          }
          .name{
            font-size:14px;
            font-family:SourceHanSansCN-Regular;
            font-weight:400;
            color:rgba(58,58,58,1);
          }
        }
      }
      .phoneBox{
        @include flex(1);
        text-align: center;
        .inner{
          display: inline-block;
          .icon{
            margin-top: .30rem;
            margin-right: .15rem;
            width:.06rem;
            height:.27rem;
            background:#506DFF;
            box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.4);
          }
          .phone{
            font-size:14px;
            font-family:SourceHanSansCN-Regular;
            font-weight:400;
            color:rgba(58,58,58,1);
          }
        }
      }
    }
    .mesBox{
      margin-bottom: 1rem;
      padding: .30rem .15rem .50rem .15rem;
      background: #fff;
      border-radius: 4px;
      .addressBigBox{
        position: relative;
        height:.70rem;
        margin-bottom: .30rem;
        line-height:.70rem;
        @include displayFlex;
        .addressBox{
          @include flex(1);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          &:first-child{
            margin-right: .20rem;
          }
          &:last-child{
            margin-left: .20rem;
          }
          @include borderRadius(#e4e4e4,35px);
          padding: 0 .35rem 0 .40rem;
          background: url("../images/left.png") no-repeat right 10px center;
          background-size: .10rem;
          color: #aaa;
          font-size:12px;
          font-family:SourceHanSansCN-Regular;
          font-weight:400;
        }
        .addressInput{
          opacity: 0;
          position: absolute;
          top:0;
          left:0;
          z-index: 10;
          width:100%;
          height:100%;
          border: none;
          line-height: .70rem;
          font-size: 14px;
        }
        &.active{
          .addressBox{
            color: #3a3a3a;
          }
        }
        &.addressBigBoxTwo{
          .addressBox{
            &:first-child{
              margin-right: .20rem;
            }
            &:last-child{
              margin-left: 0rem;
            }
          }
        }
      }
      .g-inputBox{
        margin-bottom: .30rem;
        padding: 0;
      }
    }
  }
  .submitBtn{
    margin: 0 .40rem 1rem .4rem;
    height:.84rem;
    border-radius: 40px;
    line-height:.84rem;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #e4e4e4;
    &.active{
      background:linear-gradient(-90deg,rgba(11,82,228,1),rgba(0,84,255,1),rgba(0,144,255,1));
      box-shadow:0px 3px 15px 0px rgba(14,72,238,0.6);
    }
  }
}

